/**
 * @description 右侧的属性容器
 */
import '@/style/attr.less'
import LoginAttr from './LoginAttr';
import RegisterAttr from './RegisterAttr';
import HeaderAttr from './HeaderAttr';
import MenuAttr from './MenuAttr';
import BreadcrumbAtrr from './BreadcrumbAtrr';
import ListAtrr from './ListAtrr';
import AddAttr from './AddAttr';
import HomeAttr from './HomeAttr';
import ChartAttr from './ChartAttr';


function AttrWrapper({ actKey, onConfigEvent, setIsRightAttr, setChartTap, chartTap, login, register, header, menu, breadcrumb, list, add, home, chart }) {

  switch (actKey) {
    case 'login':
      return <LoginAttr onConfigEvent={onConfigEvent} setIsRightAttr={setIsRightAttr} actKey={actKey} template2={login} />

    case 'register':
      return <RegisterAttr onConfigEvent={onConfigEvent} setIsRightAttr={setIsRightAttr} actKey={actKey} template2={register} />

    case 'header':
      return <HeaderAttr onConfigEvent={onConfigEvent} setIsRightAttr={setIsRightAttr} actKey={actKey} template2={header} />

    case 'menu':
      return <MenuAttr onConfigEvent={onConfigEvent} setIsRightAttr={setIsRightAttr} actKey={actKey} template2={menu} />

    case 'breadcrumb':
      return <BreadcrumbAtrr onConfigEvent={onConfigEvent} setIsRightAttr={setIsRightAttr} actKey={actKey} template2={breadcrumb} />

    case 'list':
      return <ListAtrr onConfigEvent={onConfigEvent} setIsRightAttr={setIsRightAttr} actKey={actKey} template2={list} />

    case 'add':
      return <AddAttr onConfigEvent={onConfigEvent} setIsRightAttr={setIsRightAttr} actKey={actKey} template2={add} />

    case 'home':
      return <HomeAttr onConfigEvent={onConfigEvent} setIsRightAttr={setIsRightAttr} actKey={actKey} template2={home} />

    case 'chart':
      return <ChartAttr onConfigEvent={onConfigEvent} setIsRightAttr={setIsRightAttr} setChartTap={setChartTap} chartTap={chartTap} actKey={actKey} template2={chart} />

    default:
      return null
  }
}

export default AttrWrapper